<template>
  <view class="container">
    <view class="header" :style="[top]">
      <uni-icons type="left" size="20" color="#000" style="margin-left: 20rpx" @click="back"></uni-icons>
      <view class="title">{{ title }}</view>
    </view>
    <view class="content">
      <!-- 想四个月以前，我犹似押送囚犯，突然地把小燕子似的一群儿女从上海的租寓中拖出，载上火车，送回乡间，关进低小的平屋中。自己仍回到上海的租界中，独居了四个月。这举动究竟出于什么旨意，本于什么计划，现在回想起来，连自己也不相信。其实旨意与计划，都是虚空的，自骗自扰的，实际于人生有什么利益呢？只赢得世故尘劳，做弄几番欢愁的感情，增加心头的创痕罢了！
      当时我独自回到上海，走进空寂的租寓，心中不绝地浮起这两句《楞严》经文："十方虚空在汝心中，犹如白云点太清里；况诸世界在虚空耶！" 晚上整理房室，把剩在灶间里的篮钵、器 -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isiphone: false,
      top: {
        paddingTop: '50rpx'
      },
      title: ''
    };
  },
  methods: {
    // 返回上一级
    back() {
      uni.navigateBack();
    }
  },
  onLoad(e) {
    this.title = e.title;
    const app = getApp();
    // console.log(app);
    // console.log(app.$vm.isIPhone);
    this.isiphone = app.$vm.isIPhone;
    if (this.isiphone) {
      this.top.paddingTop = app.$vm.liuhai + 'rpx';
    }
  }
};
</script>

<style lang="scss" scoped>
.container {
  box-sizing: border-box;
  .header {
    box-sizing: border-box;

    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 36rpx;
    color: #222222;
    display: flex;
    align-items: center;
    .title {
      flex: 1;
      text-align: center;
      padding-right: 80rpx;
    }
  }
  .content {
    box-sizing: border-box;
    width: 750rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 26rpx;
    color: #333333;
    padding: 30rpx;
  }
}
</style>